    <div class="top-orange">
      <div class="container">
        <h1>“SELAMAT BELAJAR...”</h1>
        <h3>
          Upgrade akunmu untuk melanjutkan pelajaran-pelajaran
          di level yang lebih tinggi....
        </h3>
      </div> <!-- /container -->
      <div class="clearfix"></div>
    </div>
    <div class="container bg-white-single">
      <ol class="breadcrumb" style="margin: 0 -15px;">
        <li><a href="#">Home</a></li>
        <li><a href="#">Library</a></li>
        <li class="active">Data</li>
      </ol>

      <p class="margintop20"></p>

      <a href="#" class="btn btn-lg btn-primary">Profile</a>
      <a href="#" class="btn btn-lg btn-warning">Course</a>

      <hr />

      

    </div>
    
    <!-- jarak content dengan footer -->
    <p class="margintop35"></p>
    <!-- end jarak content dengan footer -->
    <div class="footer-single">
      <div class="container">
        <span class="pull-right">
          <a href="#">About Us</a> | 
          <a href="#">Privacy Policy</a> | 
          <a href="#">Term & Condition</a>
        </span>
      </div>
      <div class="clearfix"></div>
    </div>

